<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui, viewport-fit=cover">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>password login</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='style/login.css') }}">
</head>

<body>
    <script>
        setTimeout(()=>{
            console.log(window.navigator.userAgent)
        }, 1000)

    </script>
    <div class="login">
        <div class="login-aside">
            <p class="login-school-name phone-hide">
                {{ school }}
            </p>
            <p class="welcome phone-hide">
                welcome to {{ school }},
                <br>
                keep good work
            </p>
            <img class="img-015" src="{{ url_for('static', filename='img/015.svg') }}" alt="">
        </div>
        <div class="login-right">
            <div>
                <p class="login-right-school-name">
                    Welcome to {{ school }}
                </p>
                <p class="login-right-school-tip">
                    <span class="text-gray">
                        New Here?
                    </span>
                    <span class="text-purple">
                        Creat an account
                    </span>
                </p>

                <form method="post">
                    <div class="login-input-con">
                        <p class="login-title">
                            Email
                        </p>
                        <input id="email" name="email" placeholder="please input your email" required>
                    </div>
                    <div class="login-input-con">
                        <p class="login-title">
                            <span>Password</span>
                            <span class="text-purple">
                                Forgot Password?
                            </span>
                        </p>
                        <input id="password" type="password" name="password" required>
                    </div>
                    <input class="sign-in" type="submit" value="Sign In">

                    <section class="content">
                        {% for message in get_flashed_messages() %}
                          <div class="flash">{{ message }}</div>
                        {% endfor %}
                    </section>
                 </form>

                <p class="login-bottom">
                    <span class="phone-block">Copyright © 2018-2020 {{ school }}.</span>
                    <span class="color-purple  ml-29 mr-16">
                        Plans
                    </span>
                    <span class="color-purple">
                        Cintact us
                    </span>
                </p>
            </div>
        </div>
    </div>

</body>

</html>